<!-- 引入模板文件 -->
<!-- 注意：引用的是绝对路径 -->
<extend name="./Public/templete/base.html"/>    

<!-- 页面标题 -->
<block name="title"><title>Index/login</title></block>

<!-- 添加该页面对应需要的css文件 -->
<block name="link">
  <link rel="shortcut icon" src="../../../favicon.ico" />
  <link rel="stylesheet" type="text/css" href="../../../Public/source/layui/css/layui.css">
  <link rel="stylesheet" type="text/css" href="../../../Public/source/css/css2.css">
   

</block>


<!-- 右下侧的主体内容 主要内容在此处写 -->
<block name="content">
    <div class="layui-body">
        <div style="padding: 15px;">
           <!-- 代码从此次开始写，外层两个div不建议删除 -->
           <div class="left" id="table1">
             <!-- <ul>
                <li>培训编号：</li><br><br>
                <li>培训日期：</li><br><br>
                <li>培训负责人：</li><br><br>
                <li>培训人员：</li><br><br>
                <li>培训内容:</li><br><br>
             </ul> -->
           <table id="demo" lay-filter="test"></table>
           </div>

         <div class="right">
           
         </div>

          </div>

        <!-- <div class="text-center">
          <ul class="pagination">
            <li><a href="#" onclick="page(1)">1</a></li>
            <li><a href="#" onclick="page(2)">2</a></li>
            <li><a href="#" onclick="page(3)">3</a></li>
          </ul>
        </div> -->
        </div>
</block>   





<!-- 引入或写js代码 -->
<block name="js">
  <script src="../../../Public/source/layui/layui.js"></script>
  <script type="text/javascript" src="../../../Public/source/jquery-3.2.1.js"></script>
  <script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
  </script>
  <script>
  
  </script>
<script>
layui.use('table', function(){
  var table = layui.table;
  
  //第一个实例
  table.render({
    elem: '#demo'
    ,height: 520
    ,url: '__URL__/getmsg' //数据接口
    ,page: true //开启分页
    ,limit: 10
    ,cols: [[ //表头
      {field: 'no', title: 'ID', width:80, sort: true, fixed: 'left'}
      ,{field: 'title', title: '标题', align:'center',width:150}
      ,{field: 'type', title: '类型', width:80, sort: true}
      ,{field: 'date', title: '日期', width: 177,sort: true}
      ,{fixed: 'right', width:200, align:'center', toolbar: '#barDemo'}
    ]]
  });
  table.on('tool(test)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
  var data = obj.data; //获得当前行数据
  var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
  var tr = obj.tr; //获得当前行 tr 的DOM对象
  if(layEvent === 'detail'){ //查看
    layer.open({
                type: 2,
                title: '查看详情',
                maxmin: true,
                skin: 'layui-layer-rim', //加上边框
                area: ['600px', '520px'], //宽高
                shadeClose: true, //点击遮罩关闭层
                resize: false,
                /*content: '<tr>'+data.no+'<br><br>'+data.title+'<br><br>'+data.type+'<br><br>'+data.name+'<br><br>'+data.participant+'<br><br>'+data.content+'<br><tr>'+data.date+'<br>'*/
                content:['./showmore/id/'+data.id+'']
              });
  } else if(layEvent === 'del'){ //删除
    layer.confirm('真的删除行么', function(index){
       //删除对应行（tr）的DOM结构，并更新缓存
      layer.close(index);
      $.ajax({
        url:'./delete/id/'+data.id+'',
        type:'post',
        success:function(data)
        {
            if(data==1)
            {
              obj.del();
              $(".layui-laypage-btn")[0].click();
              alert("删除成功");
            }
            else
            {
              alert("权限不足");
            }
        }
      });
      //向服务端发送删除指令
    });
  } else if(layEvent === 'edit'){ //编辑
    var d=data.id;//open里data可能有重名
    $.ajax({
      url:'./xiugai/id/'+d+''
      ,success:function(data)
      {
        if(data==1)
        {
          alert("权限不足");
        }
        else
        {
           layer.open({
                type: 2,
                title: '修改',
                maxmin: true,
                skin: 'layui-layer-rim', //加上边框
                area: ['600px', '520px'], //宽高
                shadeClose: true, //点击遮罩关闭层
                resize: false,
                content: ['./xiugai/id/'+d+''],
                end:function(){
                  $(".layui-laypage-btn")[0].click();
                }
              });
        }
      }
    });  
   
    
    //同步更新缓存对应的值
/*    obj.update({
      username: '123'
      ,title: 'xxx'
    });*/
  }
});
});
</script>
  <script>
//JavaScript代码区域
/*var s=[]; 
function getNumber()
{
  $.ajax(
  {
    url:"__URL__/getmsg",
    async:true,
    dataType:'json',
    type:'get',
    data:{
      //id=
      //<button class="show">showmore</button>
      //<a href="./showmore/id/'+data[i].id+'">showmore</a>
      //+'</td><td><a href="./showmore/id/"+a>showmore</a></td></tr>';
      page:1
    },
    success:function(data)
    {
      for(var i=0;i<data.length;i++)
      {
        s[i]='<tr><td>'+data[i].no+'</td><td>'+data[i].title+'</td><td>'+data[i].type+'</td><td>'+data[i].date+'</td><td><a href="./showmore/id/'+data[i].id+'">showmore</a><a href="./delete/id/'+data[i].id+'">delete</a></td></tr>';
        //alert(s);
      }
      $('#table1').append(s);
      //alert(data);
      //var s=$(".show").value();
    //$(document).on('click','.show',function(){
    //window.location.href="./showmore/id/"+data[i].id+"";
 //}
);
    },
    error:function(data)
    {
      alert('error')
    }
  }
  );
};
getNumber();*/



layui.use('element', function(){
  var element = layui.element;
});
  

</script>
   <script type="text/javascript">
     function page(num)
     {
      $.ajax({
        
      })
     }
   </script>



</block>












 

